<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>CLEditor 中文版</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="CLEditor 中文插件实例" />
    <meta name="keywords" content="jquery plugin, CLEditor, editor, 中文" />
    <link rel="stylesheet" type="text/css" href="http://blog.51yip.com/demo/cleditor/jquery.cleditor.css" />
    <script type="text/javascript" src="http://blog.51yip.com/demo/cleditor/jquery.min.js"></script>
    <script type="text/javascript" src="http://blog.51yip.com/demo/cleditor/jquery.cleditor.min.js"></script>

  </head>
  <body>
  <br><br>cleditor测试例子<br><br><br><br>
    <textarea id="input" name="input"></textarea>
    <br>
    <input type="button" id="button" value="下拉"><input type="button" id="button1" value="上拉">
  </body>
      <script type="text/javascript">
      
      $(document).ready(function() {
        var menu = "bold italic underline | font size " +
        "style | color highlight removeformat | bullets numbering | outdent " +
        "indent | alignleft center alignright justify | undo redo | " +
        "rule link unlink | cut copy paste pastetext | print source";
        
       var o =  $("#input").cleditor({ width:800,height:300,controls:menu})[0].focus();
	   debugger;
        
        $("#button").bind("click",function(){
        	height = $(".cleditorMain").css("height");
        	f_height = $("iframe").css("height");
            new_height = parseInt(height.substring(0,height.length-2))+50;
            h_iframe = parseInt(f_height.substring(0,f_height.length-2))+50;
            //alert(h_iframe);
            $(".cleditorMain").css("height",new_height+"px");
            $("iframe").css("height",h_iframe+"px");
        });
        
        $("#button1").bind("click",function(){
        	height = $(".cleditorMain").css("height");
        	f_height = $("iframe").css("height");
            new_height = parseInt(height.substring(0,height.length-2))-50;
            h_iframe = parseInt(f_height.substring(0,f_height.length-2))-50;
            $(".cleditorMain").css("height",new_height+"px");
            $("iframe").css("height",h_iframe+"px");
        });        
      });
    </script>
</html>